<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="zhilutianji">
    
    <title>
        
        指路天极&#39;s blog
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="https://tostar.site/favicon.ico">
    
<link rel="stylesheet" href="/css/font-awesome.min.css">

    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"blog.starlibrary.online","root":"/","language":"zh-CN","path":"search.json"};
    KEEP.theme_config = {"toc":{"enable":true,"number":true,"expand_all":true,"init_open":false},"style":{"primary_color":"#0066CC","avatar":"https://pic-1259449422.cos.ap-shanghai.myqcloud.com/w.jpg","favicon":"https://tostar.site/favicon.ico","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":false,"scale":false},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"My Guiding Star ( o゜▽゜ ) o ☆ ."},"scroll":{"progress_bar":{"enable":false},"percent":{"enable":true}}},"local_search":{"enable":true,"preload":false},"code_copy":{"enable":true,"style":"default"},"pjax":{"enable":true},"lazyload":{"enable":true},"version":"3.4.3"};
    KEEP.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 月前","year":"%s 年前"};
  </script>
<meta name="generator" content="Hexo 5.4.0"></head>


<body>
<div class="progress-bar-container">
    

    
        <span class="pjax-progress-bar"></span>
        <span class="pjax-progress-icon">
            <i class="fas fa-circle-notch fa-spin"></i>
        </span>
    
</div>


<main class="page-container">

    
        <div class="first-screen-container flex-center fade-in-down-animation">
    <div class="content flex-center">
        <div class="description">
            My Guiding Star ( o゜▽゜ ) o ☆ .
        </div>
        
            <div class="s-icon-list">
                
                    
                        
                            <span class="s-icon-item github">
                                <a target="_blank" href="https://github.com/starNGC2237">
                                    <i class="fab fa-github"></i>
                                </a>
                            </span>
                        
                    
                
                    
                        
                            <span class="s-icon-item twitter">
                                <a target="_blank" href="https://twitter.com/zhilutianji">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            </span>
                        
                    
                
                    
                        
                            <span class="s-icon-item email">
                                <a href="mailto:starmars_lu@163.com">
                                    <i class="fas fa-envelope"></i>
                                </a>
                            </span>
                        
                    
                
            </div>
        
    </div>
</div>

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">

    <div class="header-content has-first-screen">
        <div class="left">
            
                <a class="logo-image" href="/">
                    <img src="https://starlibrary.online/favicon.ico">
                </a>
            
            <a class="logo-title" href="/">
                指路天极&#39;s blog
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/"
                            >
                                首页
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                归档
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/links"
                            >
                                友链
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/about"
                            >
                                关于
                            </a>
                        </li>
                    
                    
                        <li class="menu-item search search-popup-trigger">
                            <i class="fas fa-search"></i>
                        </li>
                    
                </ul>
            </div>
            <div class="mobile">
                
                    <div class="icon-item search search-popup-trigger"><i class="fas fa-search"></i></div>
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/">首页</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">归档</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/links">友链</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/about">关于</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="home-content-container fade-in-down-animation">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/%E5%BC%80%E5%AD%A6%E5%89%8D%E7%AD%94%E8%BE%A9.html">
                        
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        （1）选题背景、立意和应用需求等        当今社会，商店扮演着重要的社会职能，但是随着互联网的迅速发展，传统的线下购物方式已经无法满足人们快节奏的生活需求。在线购物系统已成为提升商店效率的重要技术手段。该在线自助购物平台可以在实现顾客在网上或线...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Tue Mar 01 2022 10:52:59 GMT+0800">2022-03-01</span></span>
        
        
    </div>

    <a href="/post/%E5%BC%80%E5%AD%A6%E5%89%8D%E7%AD%94%E8%BE%A9.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/promise-3.html">
                        promise-3 async &amp; await
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Feb 18 2022 14:09:51 GMT+0800">2022-02-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/es6-promise/">es6 promise</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/promise-3.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/promise-2.html">
                        promise-2 实现一个promise
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Feb 18 2022 14:09:46 GMT+0800">2022-02-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/es6/">es6</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/promise-2.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/promise-1.html">
                        promise-1 promise的使用
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Feb 18 2022 11:00:33 GMT+0800">2022-02-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/es6-promise/">es6 promise</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/promise-1.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/nodejs%E5%BB%BA%E7%AB%8Btcp%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%8F%8A%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%B9%B6%E9%81%BF%E5%85%8D%E7%B2%98%E5%8C%85.html">
                        nodejs建立tcp服务器及客户端并避免粘包
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Feb 18 2022 10:49:18 GMT+0800">2022-02-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/nodejs-tcp/">nodejs tcp</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/nodejs%E5%BB%BA%E7%AB%8Btcp%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%8F%8A%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%B9%B6%E9%81%BF%E5%85%8D%E7%B2%98%E5%8C%85.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/%E7%99%BB%E5%BD%95%E5%8F%8A%E6%9D%83%E9%99%90%E6%A8%A1%E5%9D%97.html">
                        登录及权限模块
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        
要注意的是，所有接口都会带一个header，值是token（如果有的话）

登录成功后，服务端会返回一个 token（该token的是一个能唯一标示用户身份的一个key），之后我们将token存储在本地cookie之中，这样下次打开页面或者刷新页面...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Feb 11 2022 17:03:31 GMT+0800">2022-02-11</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/login-permission/">login permission</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/%E7%99%BB%E5%BD%95%E5%8F%8A%E6%9D%83%E9%99%90%E6%A8%A1%E5%9D%97.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/sass%E5%85%A5%E9%97%A8-1.html">
                        sass入门-1
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        sass入门学习自https://juejin.cn/post/6971458017267187719

sass是最早的css预处理语言，有比less更为强大的功能。但因其一开始的缩进式语法并不能被开发者们接受，所以使用率不高，不过由于其强大的功能...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu Feb 10 2022 09:08:43 GMT+0800">2022-02-10</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/sass/">sass</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/sass%E5%85%A5%E9%97%A8-1.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/js%E6%92%9E%E5%9D%91%E5%AE%9E%E5%BD%95%EF%BC%88%E4%B8%8D%E6%98%AF%EF%BC%89.html">
                        js撞坑实录（不是）
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        浮点数计算问题关于浮点数加减乘除不对12const a =0.1+0.2a = 0.30000000000000004 !=0.3

是底层的计算问题
解决方法：

使用库 Math.js官网

GitHub

使用toFixed()方法该方法使用定...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun Jan 30 2022 14:18:06 GMT+0800">2022-01-30</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/javascript/">javascript</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/post/js%E6%92%9E%E5%9D%91%E5%AE%9E%E5%BD%95%EF%BC%88%E4%B8%8D%E6%98%AF%EF%BC%89.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/quick-start-html-note.html">
                        quick_start_html_note
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        lorem占位字符
块级元素与内联元素inline element
即内联元素

通常在块级元素内


不会导致文本换行


只占用必要的部分宽度

block element
即块级元素

在页面以块的形式展现


出现在新的一行


占全部宽度
...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Dec 24 2021 18:57:30 GMT+0800">2021-12-24</span></span>
        
        
    </div>

    <a href="/post/quick-start-html-note.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/post/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E6%94%B6%E9%9B%86.html">
                        前端技术收集
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        三大件HTMLHTML5
XHTML
CSSCSS3
bootstrap(框架)
javascriptjavascript
es6
开发模式MVVM
JS框架Vue.js
Vuex
VueRouter
打包工具Webpack
Vite
风格RESTf...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun Dec 19 2021 23:52:52 GMT+0800">2021-12-19</span></span>
        
        
    </div>

    <a href="/post/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E6%94%B6%E9%9B%86.html">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    

    
        <a class="next btn"
           href="/page/2/"
        >下一页</a>
    
</div>

    </div>
</div>


                
            </div>

        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2020</span>&nbsp;-&nbsp;
            
            2022&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">zhilutianji</a>
        </div>
        
            <script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <div class="website-count info-item">
                
                    <span id="busuanzi_container_site_uv">
                        访问人数&nbsp;<span id="busuanzi_value_site_uv"></span>&ensp;
                    </span>
                
                
                    <span id="busuanzi_container_site_pv">
                        总访问量&nbsp;<span id="busuanzi_value_site_pv"></span>
                    </span>
                
            </div>
        
        <div class="theme-info info-item">
            由 <a target="_blank" href="https://hexo.io">Hexo</a> 驱动&nbsp;|&nbsp;主题&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.4.3</a>
        </div>
        
            <div class="icp-info info-item"><a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn">津ICP备20000024号</a></div>
        
    </div>
</footer>

        </div>
    </div>

    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="arrow-up fas fa-arrow-up"></i>
                <span class="percent"></span>
            </li>
        
    </ul>
</div>

    </div>

    

    <div class="image-viewer-container">
    <img src="">
</div>


    
        <div class="search-pop-overlay">
    <div class="popup search-popup">
        <div class="search-header">
          <span class="search-input-field-pre">
            <i class="fas fa-keyboard"></i>
          </span>
            <div class="search-input-container">
                <input autocomplete="off"
                       autocorrect="off"
                       autocapitalize="off"
                       placeholder="搜索..."
                       spellcheck="false"
                       type="search"
                       class="search-input"
                >
            </div>
            <span class="popup-btn-close">
                <i class="fas fa-times"></i>
            </span>
        </div>
        <div id="search-result">
            <div id="no-result">
                <i class="fas fa-spinner fa-pulse fa-5x fa-fw"></i>
            </div>
        </div>
    </div>
</div>

    

</main>





<script src="/js/utils.js"></script>

<script src="/js/main.js"></script>

<script src="/js/header-shrink.js"></script>

<script src="/js/back2top.js"></script>

<script src="/js/dark-light-toggle.js"></script>



    
<script src="/js/local-search.js"></script>




    
<script src="/js/code-copy.js"></script>




    
<script src="/js/lazyload.js"></script>



<div class="post-scripts pjax">
    
</div>


    
<script src="/js/libs/pjax.min.js"></script>

<script>
    window.addEventListener('DOMContentLoaded', () => {
        window.pjax = new Pjax({
            selectors: [
                'head title',
                '.page-container',
                '.pjax'
            ],
            history: true,
            debug: false,
            cacheBust: false,
            timeout: 0,
            analytics: false,
            currentUrlFullReload: false,
            scrollRestoration: false,
            // scrollTo: true,
        });

        document.addEventListener('pjax:send', () => {
            KEEP.utils.pjaxProgressBarStart();
        });

        document.addEventListener('pjax:complete', () => {
            KEEP.utils.pjaxProgressBarEnd();
            window.pjax.executeScripts(document.querySelectorAll('script[data-pjax], .pjax script'));
            KEEP.refresh();
        });
    });
</script>



</body>
</html>
